<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>学员管理</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/student-manage.css" />
</head>

<body class="row">

	<!-- left area -->
	<div class="left col-md-2">
		<aside>
			<div class="welcome t-c">
				<strong>抱团取暖在线考试系统</strong>
			</div>
			<ul class="f-16">
				
				<a href="student-manage"  class="side-menu-color"><li>
					<i class="icon ion-person-stalker f-18 m-r-10"></i> 学员管理
					<span class="icon ion-android-radio-button-off f-r f-13"></span>
				</li></a>
				<a href="subject-manage"  class="side-menu-color"><li>
					<i class="icon ion-navicon-round f-18 m-r-10"></i>  题库管理
					<span class="icon ion-android-radio-button-off f-r f-13"></span>
				</li></a>
				
				<a href="grade-details"  class="side-menu-color"><li>
					<i class="icon ion-navicon-round f-18 m-r-10"></i>  成绩明细
					<span class="icon ion-android-radio-button-off f-r f-13"></span>
				</li></a>
			   
				<a href="exam-manage"  class="side-menu-color"><li>
					<i class="icon ion-navicon-round f-18 m-r-10"></i>  添加考试
					<span class="icon ion-android-radio-button-off f-r f-13"></span>
				</li></a>
				<a href="exam-grade"  class="side-menu-color"><li>
					<i class="icon ion-navicon-round f-18 m-r-10"></i>  考试成绩
					<span class="icon ion-android-radio-button-off f-r f-13"></span>
				</li></a>
				<a href="check-paper"  class="side-menu-color"><li>
					<i class="icon ion-ios-locked-outline f-18 m-r-10"></i>  试卷批改
					<span class="icon ion-android-radio-button-off f-r f-13"></span>
				</li></a>
			</ul>
		</aside>
	</div>
		
	<!-- left area end -->

	<!-- right area -->
	<div class="right col-md-10 f-r">
		<header>
			<span class="notice-body"><i class="icon ion-alert"></i> 公告：</span><span id="notice">本网站由大帅比陈元书倾情制作!</span>
			<span id="userName" class="m-r-10">欢迎！ <a href="##"> 退出</a></span>
		</header>
		<main>
			<div class="heading clearfix">
				<h4 class="f-l">学员管理 <small>查看和管理学员</small></h4>
				<ol class="breadcrumb f-r">
					<li class="active">搜索和管理学员</li>
				</ol>
			</div>
			<div class="fliter row clearfix">
				<div class="f-l">
					<button type="button" class="btn btn-default" id="addUserIn"><i class="fa fa-plus"></i>
						添加学员</button>
					<button type="button" class="btn btn-default" id="deleteAll"><i
							class="fa fa-trash-o cur-p deleteOne"></i> 删除学员</button>
				</div>
				<div class="col-md-4 f-l col-md-offset-1">
					
				</div>

				<div class="input-group col-md-4 col-md-offset-8">
					<input type="text" class="form-control" placeholder="请输入学号/姓名/课程" id="searchText">
					<span class="input-group-btn">
						<button class="btn btn-default" type="button" id="search">搜索</button>
					</span>
				</div>
			</div>

			<!--student-manage-->


			<table class="table table-hover m-t-20" id="tableUser">
				<!-- On cells (`td` or `th`) -->
				<thead id="userThead">
					<tr class="active">
						<td class="checkbox m-0"><label><input type="checkbox" name="b" id="btn"></label></td>
						<td>学号</td>
						<td>姓名</td>
						<td>专业</td>
					</tr>
				</thead>
				<tbody id="userTbody">
					<tr></tr>
				</tbody>
			</table>
			<nav class="block">
				<ul class="pagination" id="pagination">
					<li><a href="#">&laquo;</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">&raquo;</a></li>
				</ul>
			</nav>
			<!--student-manage-end-->
			<!--   add-student     -->
			<div id="zz" class="zz"></div>
			<div id="addUser" class="add-user">
				<div class="add-header">
					<span>修改/添加学员信息</span>
					<i id="addClose">×</i>
				</div>
				<div class="editor">
					<form class="form-horizontal" role="form">
						<div class="form-group">
							<label for="inputEmail3" class="col-md-4 control-label">学号</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" id="inputNum" placeholder="请输入学号">
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword3" class="col-md-4 control-label">姓名</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" id="inputName" placeholder="请输入姓名">
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword3" class="col-md-4 control-label">班级</label>
							<div class="col-sm-8">
								<select class="form-control" id="inputCourse">
									<option>ComputerScienceandTechnology</option>
									<option>SoftwareEngineering</option>
									<option>ArtificialIntelligence</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword3" class="col-md-4 control-label">专业</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" id="inputClass" value="计算机学院">
							</div>
						</div>


						<div class="form-group form-button-user row">
							<button type="submit" class="btn btn-default col-md-4 col-md-offset-4 m-r-20"
								id="addUserInform">确定</button>
							<button type="button" class="btn btn-default col-md-4" id="cancelChange">取消</button>
						</div>
					</form>
				</div>
			</div>
			<!--   add-student-end     -->
		</main>
		<footer>
			<strong class="m-l-20">Copyright © 2024 <a href="https://gitee.com/YIFan-Support-Team">抱团取暖</a>.</strong>
			All rights reserved.
		</footer>
		<!-- right area end -->
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/student-manage.js"></script>
	<script type="text/javascript" src="js/member-manage.js"></script>


</body>

</html>